import { useBackgroundStyles } from './styles.tsx';

export const Background = () => {
    const { styles } = useBackgroundStyles();

    return (
        <svg
            className={styles.svg}
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 375 813"
            fill="none"
            preserveAspectRatio="xMaxYMid meet"
        >
            <path
                d="M258 551.5C186.769 677.08 65.9396 649.997 2.99941 755.5C-21.2638 796.171 2.9997 848.5 2.9997 848.5H375V-3C375 -3 266.433 126.182 234 206.5C182.564 333.877 344.5 399 258 551.5Z"
                fill="#33414C"/>
        </svg>
    );
};

